<html>
<head>
<style type="text/css">
body{background-color:#333;}
h1{color:orange;text-align:center;}
p{font-family:"Times New Roman";font-size:20px;}
</style>
<link href='shCore.css' rel='stylesheet' type='text/css'/>
<script src='shCore.js' type='text/javascript'></script>
<link href='shThemeEmacs.css' rel='stylesheet' type='text/css'/>
<script src='shBrushCss.js' type='text/javascript'></script> 
<script src='shBrushJSc.js' type='text/javascript'></script> 
<script language="javascript" type="text/javascript">
	SyntaxHighlighter.config.bloggerMode = true;
	SyntaxHighlighter.all();
</script>
</head>

<body>
<pre class='brush:js; highlight: [1, 3];collapse: true; expand:true' title="puluthriau code!">
<script type="text/javascript">
    var d = new Date();
    var time = d.getHours();
// ini hanya contoh
    if (time < 10) {
        document.write("<b>Good morning</b>");kahkahgsfbvashbfviaubfiabpsibfapfaksbfhabgfihbafshb affff
    } else {
        document.write("<b>Good day</b>");
    }
</script>
</pre>

<pre class='brush:css;ruler: true; highlight: [1, 3]'>
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</pre>

<pre class='brush:css;ruler: true; highlight: [2, 11, 17];first-line: 11'>
<b:widget id='BlogArchive1' locked='false' title='puluth Archives . . .' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<div style='overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</div>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;' style='width:308px'>
    <option value=''>puluth&#174; Archives</option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h3><data:title/></h3>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='PR-Foot'>
<b:section class='PR-Foot' id='left-PR-Foot' preferred='yes'>
<b:widget id='HTML5' locked='false' title='You are Number . . .' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section> 
<b:section class='PR-Foot' id='center-PR-Foot' preferred='yes'/> 
<b:section class='PR-Foot' id='right-PR-Foot' preferred='yes'>
<b:widget id='HTML4' locked='false' title='Recent Comments . . .' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='Recent Posts . . .' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section> 
</div>
</div>
</div>
<div class='clear'/>
<div id='PR-Info'>
<div class='bottom-left'>			
<h6 style='font-size:10px;'>Copyright &#169; 2011 proudly powered by blogger | 
<a href='http://puluthriau.blogspot.com' title='Blogger Template'>Design</a> by <a href='/'>puluthriau</a>
</h6></div><div class='bottom-right'><h6 style='font-size:10px;'>
<a href='http://puluthriau.blogspot.com'>Home</a> |
<a href='/'>Sitemap</a> |
<a href='http://puluthriau.blogspot.com/feeds/posts/default'>RSS Feed</a> |						
<a href='http://jigsaw.w3.org/css-validator/check/referer' target='_blank' title='valid css'>CSS</a> | 
<a href='http://validator.w3.org/check?uri=http%3A%2F%2Fpuluthriau.blogspot.com' target='_blank' title='valid xhtml'>XHTML</a></h6>
</div>
</div>
</pre>
<pre class='brush:js;first-line: 14' title="puluthriau code!">
//<a href="http://puluthriau.blogspot.com">puluthriau</a>
<a href="http://puluthriau.blogspot.com">puluthriau</a>
<a href="http://puluthriau.blogspot.com" title="puluthriau" target="_blank">puluthriau</a>
</pre>

</body>
</html>

